app.views.Viewport = Ext.extend(Ext.Panel, {

		fullscreen: true,
		layout: 'card',
		cardSwitchAnimation: 'slide',
		initComponent: function() {
			Ext.apply(app.views, {
				ListView: new app.views.ListView(),
				NewListView: new app.views.NewListView(),
				ListManageView: new app.views.ListManageView(),
				ListDetailView: new app.views.ListDetailView(),
				NewItemView: new app.views.NewItemView(),
				ItemEditView: new app.views.ItemEditView()
			});
								
			Ext.apply(this, {
				items: [
					app.views.ListView,
					app.views.NewListView,
					app.views.ListManageView,
					app.views.ListDetailView,
					app.views.NewItemView,
					app.views.ItemEditView
				]
			});
			
			app.views.Viewport.superclass.initComponent.apply(this, arguments);
							
		}
});
